<template>
  <div>
    <div class="header-container">
      <!--<div class="header-left"><span class="iconfont">&#xe679;</span></div>-->
      <div class="header-title">全部商品</div>
    </div>
    <router-link class="selectLink"  to="/select">
      <div>筛选</div>
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'HomeHeader'
}
</script>
<style lang="stylus" scoped>
  @import "~style/varibles.styl"
  .selectLink
    color #333
  .header-container
    height .86rem
    display flex
    flex-direction column
    justify-content: center
    align-items center
    .header-left
      width .64rem
      position absolute
      left .2rem
    .header-title
      font-size .36rem
      color $firstFC
</style>
